{% extends "log_base.html" %}
{% block title %}登录{% endblock %}
{% block content %}
<section class="login-maintop">
	<div class="login-main">
		<header><h1>知识与你分享欢迎您</h1></header>
        {% for message in messages %}
    <div class="alert alert-{{ message.tags }}" style="width: 300px;margin: 0 auto">{{ message }}</div>
        {% endfor %}
		<div class="login-form" id="TB">
			<h2>❀ 登录入口 ❀</h2>
            <form name="my form" action="." method="POST">
            {% csrf_token %}
                <span><i class="fa fa-user-o" aria-hidden="true"></i></span>
				<input type="text" name="username" placeholder="请输入用户名" required="">
				<span><i class="fa fa-unlock-alt" aria-hidden="true"></i></span>
				<input type="password" name="password" placeholder="请输入密码" required="">
				<input type="submit" value="login">
            </form>

			<div class="login-password" style="margin-left: 10px">
				<a href="/register/">❀❀❀用户注册❀❀❀</a>
				<a href="#"></a>
			</div><br>
			<div class="login-input">
			
			</div>
			<div class="social-icons">
				<ul>
					<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
					<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
					<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
				</ul>
				
			</div>
		</div>
		<!--footer-->
		<div class="footer">
			<p>Copyright 广州大学松田学院 ©2023 版权所有·侵版必究</p>
		</div>
		<!--footer-->
	</div>
</section>
{% endblock %}